<template>
	<!-- 这是优选贷子页面贷款 -->
	<view class="ls-bigbox">
		<view class="ls-header-bj">
			<view class="ls-h-conter">
				<view class="zgwz"></view>
				<view class="ls-text-a">
					您的预计可借额度(元)
				</view>
				<view class="ls-text-b">
					43,600
				</view>
				<view class="ls-text-c">				
                  1000元1天利息低至
						  <text class="ls-ctext">0.2</text>
				  领券最高免息
							<text class="ls-ctext">30</text>天
				</view>
				<!-- 立即开通 -->
				<view class="ls-button">
					<view class="ls-b-jddw">
						最高30天免息
					</view>
					<button type="default" class="ls-button1">立即开通</button>
				</view>
				<view class="ls-gc">
					<view class="gc-yuan">
						1
					</view>
					身份认证
					<view class="gc-img"></view>
					<view class="gc-yuan">
						2
					</view>
					官方审核
					<view class="gc-img"></view>
					<view class="gc-yuan">
						3
					</view>
					开通完成
				</view>
			</view>
		</view>
		
		<!-- 广告 -->
		<view class="guanggao">
			<!-- <image class="guangg" src="../../static/image/loabj.png" mode=""></image> -->
			<view class="guanggaoc">
				轻松借钱
			</view>
			<view class="guanggaoci">
				最快三小时放款
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	.ls-bigbox{
		
	}
	.ls-header-bj{
		background-color: #1778E6;
		width: 750rpx;
		height: 350rpx;
		border-radius: 0rpx 0rpx 150rpx 150rpx;
	}
	.ls-h-conter{
		width: 670rpx;
		height: 454rpx;
		background: #FFFFFF;
		box-shadow: 0rpx 6rpx 12rpx rgba(0, 0, 0, 0.16);
		background-color: white;
		border-radius: 12rpx;
		margin: 0 auto;
	}
	.zgwz{
		width: 670rpx;
		height: 46rpx;
	}
	.ls-text-a{
		height: 44rpx;
		width: 670rpx;
		text-align: center;
		font-size: 32rpx;
		line-height: 44rpx;
		color: #474747;
	}
	.ls-text-b{
		width: 670rpx;
		text-align: center;
		font-size: 76rpx;
		height: 92rpx;
		line-height: 92rpx;
		color: #323232;
		margin-bottom: 20rpx;
	}
	.ls-text-c{
		height: 40rpx;
		width: 670rpx;
		font-size: 24rpx;
		line-height: 34rpx;
		color: #474747;
		text-align: center;
		margin-bottom: 20rpx;
	}
	.ls-ctext{
		color: #FF3A3A;
		font-size: 32rpx;
	}
	.ls-button{
		width: 622rpx;
		height: 100rpx;
		margin: 0 auto;
		// border: 1rpx solid ;
		border-radius: 30rpx;
		margin-bottom: 20rpx;
		position: relative;
	}
	.ls-b-jddw{
		width: 172rpx;
		height: 36rpx;
		color: white;
		position: absolute;
		left: 432rpx;
		top: -12rpx;
		z-index: 1;
		background-color: red;
		font-size: 20rpx;
		text-align: center;
		border-radius: 20rpx 0rpx 20rpx 0rpx;
	}
	.ls-button1{
		width: 622rpx;
		height: 60rpx;
		background: #3297E5;
		border-radius: 30rpx;
		font-size: 32rpx;
		line-height: 60rpx;
		color: #FFFFFF;
		display: block;
		margin-top: 40rpx;
	}
	.ls-gc{
		width: 622rpx;
		height: 34rpx;
		margin: 0 auto;
		font-size: 24rpx;
		line-height: 34rpx;
		background-color: #FFFFFF;
		display: flex;
		justify-content: space-between;
	}
	.gc-yuan{
		width: 34rpx;
		height: 34rpx;
		background-color: #FF6537;
		color: white;
		border-radius: 50%;
		text-align: center;
		line-height: 34rpx;
		font-size: 24rpx;
	}
	.gc-img{
		width: 45rpx;
		height: 34rpx;
		margin-left: 28rpx;
		background-image: url(../../static/image/807.png);
		background-repeat: no-repeat;
		margin-right: 28rpx;
	}
	.guanggao{
		width: 670rpx;
		height: 176rpx;
		margin: 0 auto;
		margin-top: 200rpx;
		background-color: gray;
		background-image:url();
		// background-position: center;
		background-repeat: no-repeat;
	}
	.guangg{
		width: 670rpx;
		height: 176rpx;
	}
	.guanggaoc{
		margin-left: 24rpx;
		width: 400rpx;
		height: 100rpx;
		font-size: 52rpx;
		font-weight: bold;
		line-height: 100rpx;
		color: #FFFFFF;
	}
	.guanggaoci{
		margin-left: 24rpx;
		width: 400rpx;
		height: 50rpx;
		font-size: 32rpx;
		font-weight: bold;
		line-height: 50rpx;
		color: #ADD7F7;
	}
</style>
